<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script type="text/javascript">


$(function() {
	//初始化表单验证
	 $("#addForm").validate({
		 
		 rules : {
			 state : {
					digits : true
				},
			},
		
		messages:{
			time_line: {required: "请输入秒杀时间段名称"},
			begin: {required: "请输入开始时间"},
			end: {required: "请输入结束时间"}
			
		},
		submitHandler:function(form){
			$(form).ajaxSubmit({
				success:function(data){
					switch (data.flag) {
					case -1:
						Kit.alert("网络繁忙...，请重试");
						return;
					case 0:
						dataPaginator.loadPage(1);
						addDialog.close();
					}
				}
			});
		}
	});
});
 
</script>

<form id="addForm" action="${BASE_PATH}/spike/time/doAdd" method="post"
	class="form-horizontal">
	<div class="form-group">
		<label class="col-lg-2 control-label">秒杀时间段名称</label>
		<div class="col-lg-9">
			<input type="text" name="time_line" value="" class="form-control"
				placeholder="请输入秒杀时间段名称" required maxlength="50">

		</div>
	</div>
	<div class="form-group">
		<label class="col-lg-2 control-label">每日开始时间</label>
		<div class="col-lg-9">
			<input type="time" name="begin" id="sBeginDate" value="" class="form-control search-input width120 datetimepicker"				
				data-format="hh:ii:ss" maxlength="8" />
				<!-- class="form-control search-input datetimepicker" -->
				
				

		</div>
	</div>
	<div class="form-group">
		<label class="col-lg-2 control-label">每日结束时间</label>
		<div class="col-lg-9">
		<input type="time" name="end" id="sEndDate" value="" class="form-control search-input width120 datetimepicker"
				data-format="hh:ii:ss" maxlength="8" /> 
		</div>
	</div>






	<div class="form-group">
		<label class="col-lg-2 control-label">是否启用</label>
		<div class="col-lg-9">

			<select name="state" class="selectpicker form-control">
				<option value="1">启用</option>
				<option value="0">禁用</option>
			</select>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-6">
			<button class="btn btn-primary col-sm-3 pull-right" type="submit"
				autocomplete="off">提交</button>
		</div>
		<div class="col-lg-6">
			<button class="btn btn-default col-sm-3 pull-left" type="button"
				onclick="javascript:addDialog.close();" autocomplete="off">取消</button>
		</div>
	</div>
</form>


<!-- <!--<script type="text/javascript">
/* $("#sBeginDate").datetimepicker({
    format: 'yyyy-mm-dd hh:ii:ss',
    minuteStep:1,
    minView:'hour',
    language: 'zh-CN',
    pickerPosition:'bottom-right',
    autoclose:true,
}).on("click",function(){
	var d2=new Date();
	var d=$("#sEndDate").val();
	if(d==""){
		 $("#sBeginDate").datetimepicker("setEndDate",d2);
	}else{
		var d1=new Date(d); 
		d1.setDate(d1.getDate()-1);
		if(d1>d2){
	  	 	 $("#sBeginDate").datetimepicker("setEndDate",d2);
		}else{
			 $("#sBeginDate").datetimepicker("setEndDate",d1);
		}
	}
});
$("#sEndDate").datetimepicker({
    format: 'hh:ii:ss',
    minuteStep:1,
    minView:'second',
    language: 'zh-CN',
    autoclose:true,
	}).on("click",function(){
		var d=$("#sBeginDate").val();
		var d1=new Date(d); 
		d1.setDate(d1.getDate()+1); 
		$("#sEndDate").datetimepicker("setStartDate",d1);
	});

$(document).on("click","#sEndDate",function(){
	$('#sEndDate').datetimepicker('show');
});

$(document).on("click","#sBeginDate",function(){
$('#sBeginDate').datetimepicker('show');
});
 */
</script>

<!-- <script type="text/javascript">
$("#sEndDate").datetimepicker({
		    format: 'yyyy-mm-dd hh:ii:ss',
		    minuteStep:1,
		    minView:'hour',
		    language: 'zh-CN',
		    autoclose:true,
			}).on("click",function(){
				var d=$("#sBeginDate").val();
				var d1=new Date(d); 
				d1.setDate(d1.getDate()+1); 
				$("#sEndDate").datetimepicker("setStartDate",d1);
			}); </script>
 -->